<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>04_样式类名的操作</title>
		<!-- 样式类名操作：针对css3、添加、移除、切换的元素类名操作
		     addClass()
			 removeClass()
			 toggleClass()
			 hasClass()
			 -->
		<!-- 要求：1.jq引入
		           2.html：  div  id="targetElement"
				 4个按钮            id=addClass()
				                  id=removeClass()
				                  id= toggleClass()
				                  id= hasClass()
				   -->	<script src="../js/jquery-1.11.1.js"></script>
					
	</head>
	<body>
		<div id="targetElement"></div>
		<button id="addClassBtn">添加类名</button>
		<button id="removeClassBtn">移除类名</button>
		<button id="toggleClassBtn">切换类名</button>
		<button id="hasClassBtn">检查类名是否存在</button>
		<div id="resultArea"></div>
	</body>
</html>